
<ion-header>

  <ion-navbar>
    <ion-title>{{device_name}}配置</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding text-center>
  <ion-list>
    <!--<ion-item>-->
    <!--<ion-range [(ngModel)]="singleValue" color="danger" pin="true"></ion-range>-->
    <!--</ion-item>-->
    <p class="device-set-title">湿度：{{humidity}}</p>
    <ion-item>
      <ion-range min="0" max="100" [(ngModel)]="humidity" color="secondary">
        <ion-label range-left>0</ion-label>
        <ion-label range-right>200</ion-label>
      </ion-range>
    </ion-item>


    <p class="device-set-title">照度：{{brightness}}</p>
    <ion-item>
      <ion-range min="20" max="80" step="2" [(ngModel)]="brightness">
        <ion-icon small range-left name="sunny"></ion-icon>
        <ion-icon range-right name="sunny"></ion-icon>
      </ion-range>
    </ion-item>

    <p class="device-set-title">温度：{{temp}}</p>
    <ion-item>
      <ion-range min="10" max="30" step="2" snaps="true" color="secondary" [(ngModel)]="temp">
        <ion-icon small range-left name="thermometer"></ion-icon>
        <ion-icon range-right name="thermometer"></ion-icon>
      </ion-range>
    </ion-item>

    <!--<ion-item>-->
    <!--<ion-label>step=100, snaps, </ion-label>-->
    <!--<ion-range min="1000" max="2000" step="100" snaps="true" color="secondary" [(ngModel)]="singleValue4"></ion-range>-->
    <!--</ion-item>-->

    <!--<ion-item>-->
    <!--<ion-label>dual, step=3, snaps, </ion-label>-->
    <!--<ion-range dualKnobs="true" [(ngModel)]="dualValue2" min="21" max="72" step="3" snaps="true"></ion-range>-->
    <!--</ion-item>-->
  </ion-list>

  <button ion-button color="lightskyblue" (click)="close_modal()">确定</button>
  <button ion-button color="orange" (click)="close_modal()">取消</button>
</ion-content>
